<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="demo.css" rel="stylesheet" media="all">
<title>RCON导航</title>
<style>
	body{
		background-color:#444;
		font-size:14px;
	}
	h3{
		font-size:60px;
		color:#eee;
		text-align:center;
		padding-top:30px;
		font-weight:normal;
	}
	h4{
		font-size:35px;
		color:#eee;
		text-align:center;
		padding-top:30px;
		font-weight:normal;
	}
	
.horizontal-nav {
    background: #efefef;
    border-radius: 6px;
}
.horizontal-nav ul {
	margin: 0;
	padding: 0;
    background: #128F9A;
    float: left;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #0e7079;
    list-style-type: none;
}
.horizontal-nav ul li {
    float: left;
    border-left: 1px solid #0e7079;
}
.horizontal-nav ul li:first-child {
    border-left: 0 none;
}
.horizontal-nav ul li a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    border-top: 2px solid rgba(255,255,255, 0.25);
    border-left: 2px solid rgba(255,255,255, 0.25);
}
.horizontal-nav ul li:first-child a {
    border-left: 0 none;
}
.horizontal-nav ul li a:hover {
    background: #2f1201;
}
.horizontal-nav ul li:first-child a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.horizontal-nav ul li:last-child a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.clearfix:before, .clearfix:after {
	content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
</style>

</head>

<body>
<h3>RCON导航</h3>
<h4>欢迎使用RCON自动充值系统，本系统可以完美的在线充值任何steam游戏，如果需要的话请联系技术QQ9365670</h4>
<br><br>
<br>
<div class="horizontal-nav full-width horizontalNav-processed" style="zoom: 1;">
        <ul style="display: table; float: none; width: 100%;">
            <li style="display: table-cell; float: none;"><a href="index.php?id=188" target="_blank">方舟188【6通30倍】</a></li>
            <li style="display: table-cell; float: none;"><a href="javascript:"target="_blank">ARK995</a></li>
            <li style="display: table-cell; float: none;"><a href="javascript:"target="_blank">ARK333</a></li>
            <li style="display: table-cell; float: none;"><a href="javascript:"target="_blank">ARK666</a></li>
            <li style="display: table-cell; float: none;"><a href="javascript:"target="_blank">ARK888</a></li>
        </ul>
    <div class="clearHorizontalNav" style="display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; clear: both;"></div></div>
</body>
</html>